<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色</title>
    <style>
        .c1{
            color:red;
        }
        .c2{
            color:#0000ff;
        }
        .c3{
            /*函数的参数有三个,分别表示十进制的红绿蓝颜色值*/
            color: rgb(255,0,0);
        }
        .c4{
            /*
                函数的参数有四个,前三个分别表示十进制的红绿蓝颜色值
                第四个参数表示透明度,取值范围[0,1]
            */
            color: rgba(255,0,0,0.5);
        }
    </style>
</head>
<body>
<div class="c1">通过英文单词控制颜色</div>
<div class="c2">通过RGB色系控制颜色</div>
<div class="c3">通过rgb函数控制颜色</div>
<div class="c4">通过rgba函数控制颜色</div>
</body>
</html>